<link rel="stylesheet" type="text/css" href="res/media/css/space/space.css">
<link rel="stylesheet" type="text/css" href="res/plugins/zTree/css/zTreeStyle/zTreeStyle.css">
<div class="space row-fluid margin-bottom-40">

	<div class="span3 space-left space-active hover-effect">

		<div class="space-head space-head-active">

			<h3 class="profile-head">
				<img class="pull-left head-pic" ng-src="{{user.pic_url}}"
					style="width:60px;height:60px;" alt="{{user.user_name}}"
					title="{{user.user_name}}" />
				<ul class="pull-left unstyled">
					<li>{{user.user_name}}</li>
					<li ng-if="user.gender == 1"><img
						src='res/media/image/comm/men.png'></li>
					<li ng-if="user.gender == 0"><img
						src='res/media/image/comm/women.png'></li>
				</ul>
				<div class="clear"></div>
			</h3>

			<h4>
				<div>
					<a href="javascript:;">关注(0)</a> <a href="javascript:;">粉丝(0)</a> <a href="javascript:;">积分(0)</a>
				</div>
			</h4>

		</div>

		<ul class="space-content unstyled" ng-if="self">
			<li><a ui-sref=".profile"><i class="icon-tags"></i> 修改个人资料</a></li>
			<li><a ui-sref=".message_list"><i class="icon-heart"></i>
					空间留言板</a></li>
			<li >
				<a ui-sref=".blog_list({blog_cate_id:''})" ui-sref-opts="{location:true}"><i class="icon-heart"></i> 我的博客</a>
				<div class="blog_category">
					<span class="pull-right mgr"><a class="btn mini " ui-sref=".blog_category" >管理</a></span>
					<ul>
						<li ng-repeat="cate in blog_categorys">
							<span ng-click="blogList(cate.id);">{{cate.name}}</span>
							<ul >
								<li ng-repeat="subCate in cate.subCates"><span ng-click="blogList(subCate.id);">{{subCate.name}}</span><li>
							</ul>
						</li>
					</ul>
				</div>
			</li>
		</ul>
		<ul class="space-content unstyled" ng-if="!self">
			<li><i class="icon-heart"></i><a ui-sref=".blog_list"> 全部博客</a></li>
			<ul id="cates_tree0" class="ztree"></ul>
		</ul>

		<div class="tabbable tabbable-custom">
			<ul class="nav nav-tabs">
				<li class="active"><a data-toggle="tab" href="#tab_1_1">访客统计</a></li>
				<li class=""><a data-toggle="tab" href="#tab_1_2">备用区域</a></li>
			</ul>
			<div class="tab-content">
				<div id="tab_1_1" class="tab-pane active">
					<p>今日访问:0</p>
					<p>昨日访问:0</p>
					<p>本周访问:0</p>
					<p>本月访问:0</p>
					<p>所有访问:0</p>
				</div>
				<div id="tab_1_2" class="tab-pane">
					<p>Howdy, I'm in Section 2.</p>
					<p>Ut wisi enim ad minim veniam, quis nostrud exerci tation
						ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
						consequat. Duis autem vel eum iriure dolor in hendrerit in
						vulputate velit esse molestie consequat. Ut wisi enim ad minim
						veniam, quis nostrud exerci tation.</p>
				</div>
			</div>
		</div>

		<div class="space-footer" ng-if="self">

			<p>你想写点啥...</p>

			<a ui-sref=".blog({blog_id:0})"
				class="btn green"> 发表文章 <i
				class="m-icon-swapright m-icon-white"></i>
			</a>

		</div>

		<div class="space-footer" ng-if="!self">

			<a href="#message_modal" data-toggle="modal" class="btn green"> <span
				ng-if="user.gender == 1">给他留言</span> <span ng-if="user.gender == 0">给她留言</span>
				<i class="m-icon-swapright m-icon-white"></i>
			</a>

		</div>
	</div>

	<div class="span9 page-content">
		<ui-view></ui-view>
	</div>

</div>
<!--留言-->
<div id="message_modal" class="modal hide fade" tabindex="-1"
	style="width:400px;margin-left:-200px;">

	<div class="modal-header">
		<button type="button" class="close" data-dismiss="modal"
			aria-hidden="true"></button>
		<strong>留言</strong>
	</div>

	<div class="modal-body">

		<div class="row-fluid">
			<div class="alert alert-error" ng-show="comment_content_error">
				请输入评论内容</div>
			<div class="controls">
				<textarea class="m-wrap" rows="4" style="width:355px!important;"
					ng-model="message.content"></textarea>
			</div>
		</div>

	</div>

	<div class="modal-footer" style="padding:10px 15px;">
		<button type="button" data-dismiss="modal" class="btn">关闭</button>
		<button type="button" class="btn green" ng-click="addMessage(2);">提
			交</button>
	</div>
</div>
<script>
	require([ 'emotion' ], function(emotions) {
		var path = "res/plugins/kindeditor/plugins/emoticons/images/"; // 表情包路径
		$("#emotions").emotion({
			destId : "state",
			allowPreview : false,
			path : path
		});

	});
</script>